$(function(){
	
    var default_view = 'list'; 
    
    if($.cookie('view') !== 'undefined'){
        $.cookie('view', default_view, { expires: 7, path: '/' });
    } 
    function get_grid(){
        $('.list').removeClass('list-active');
        $('.grid').addClass('grid-active');
        $('.infoListBar').fadeOut(600);
        $('.prod-cnt').animate({opacity:0},function(){
            $('.prod-cnt').removeClass('prod-box-list');
            $('.prod-cnt').addClass('prod-box');
            $('.prod-cnt').stop().animate({opacity:1});
        });
    } 
    function get_list(){
        $('.grid').removeClass('grid-active');
        $('.list').addClass('list-active');
        $('.infoListBar').fadeIn(600);
        $('.prod-cnt').animate({opacity:0},function(){
            $('.prod-cnt').removeClass('prod-box');
            $('.prod-cnt').addClass('prod-box-list');
            $('.prod-cnt').stop().animate({opacity:1});
        });
    } 

  

    $('#list').click(function(){   
        $.cookie('view', 'list'); 
        get_list()
    });

    $('#grid').click(function(){ 
        $.cookie('view', 'grid'); 
        get_grid();
    });

});

function arrangeListGridView(){
	
	 if($.cookie('view') == 'list'){ 
         $('.grid').removeClass('grid-active');
         $('.list').addClass('list-active');
         $('.infoListBar').fadeIn(600);
         $('.prod-cnt').animate({opacity:0});
         $('.prod-cnt').removeClass('prod-box');
         $('.prod-cnt').addClass('prod-box-list');
         $('.prod-cnt').stop().animate({opacity:1}); 
     } 

     if($.cookie('view') == 'grid'){ 
         $('.list').removeClass('list-active');
         $('.grid').addClass('grid-active');
         $('.infoListBar').fadeOut(600);
         $('.prod-cnt').animate({opacity:0});
             $('.prod-cnt').removeClass('prod-box-list');
             $('.prod-cnt').addClass('prod-box');
             $('.prod-cnt').stop().animate({opacity:1});
     }
}